<template>
	<view class="downloadshare" v-if="isdownloadShare">
		<view style="display: flex;font-size: 17px;color: #ffffff;align-items: flex-end;">
			<view style="display: flex; align-items: end"> 1、点击右上角 <image src="../../static/downloadshare/slh.png" mode="widthFix" style="width: 25px; margin: 10px 9px"></image>
			</view>
			<image src="../../static/downloadshare/line.png" mode="widthFix" style="width: 151px; margin-left: 20px; margin-bottom: 10px"></image>
		</view>
		<view style="font-size: 17px; color: #ffffff; margin-top: 15px"> 2、选择在默认浏览器中打开 </view>
		<image src="../../static/downloadshare/icongroud.png" mode="widthFix" style="width: 100%; margin-top: 52px"></image>
	</view>
</template>
<script>
	export default {
		name: "browserMask",
		mounted() {
			// #ifdef H5
			let browser = window.navigator.userAgent.toLowerCase();
			if (browser.match(/MicroMessenger/i) == "micromessenger") {
				this.isdownloadShare = true;
			}
			// #endif
		},
		data() {
			return {
				isdownloadShare:false
			};
		}
	}
</script>
<style lang="scss">
	.downloadshare {
		width: 100%;
		height: 100vh;
		overflow: hidden;
		background: rgba(0, 0, 0, 0.8);
		padding: 17px 30px;
		box-sizing: border-box;
		position: fixed;
		z-index: 9999;
		top: 0;
	}
</style>